為元件新增外部屬性

• 修改my-alert元件的定義如下：

const alertComponent = {
    data(){
        return {
            msg="警告框提示",
            count:0
        }
    },
    methods:{
        click(){
            alert(this.msg + this.count++)
        }
    },
    props:["title"],
    template:'<div><button @click="click">{{title}}</button></div>'
}

• props選項用來定義元件內的外部屬性，元件可以定義任意多個外部屬性，在template範本中，可以用存取內部data屬性同樣的方式存取定義的外部屬性，在使用my-alert元件時，可以直接設定title屬性來設定按鈕的標題，例如：

<my-alert title="按鈕1"></my-alert>
<my-alert title="按鈕2"></my-alert>

• props也可以進行許多複雜的設定，例如類型檢查、預設值等。